<template lang=pug>
    .loading(:class={'hide':display})
</template>

<script type="es6">
    export default {
        name: 'loading',
        data () {
            return {

            }
        },
        props:['display'],
        components: {}
    }
</script>

<style lang="stylus">
    @import "../../../src/styles/common.styl"
    .loading
        position absolute
        background $assistantColor
        height 100%
        width 100%
    .hide
        display none
</style>
